let li = document.querySelectorAll(".tab ul li")
let ol = document.querySelectorAll(".tab ol li")
console.log(li, ol);
let pagnum = 0;

function tabs() {
    li.forEach((btn, i) => { //循环遍历的到所有的li
        btn.onclick = function() {
            li[pagnum].classList.remove("active"); //初始的class样式删除
            btn.classList.add("active"); //点击的li给他添加class样式
            ol[pagnum].classList.remove("active");
            ol[i].classList.add("active");
            pagnum = i;
        }
    })
}
tabs();